html {
	font-size: 100px
}

body {
	font-size: .16rem;
	font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback",STHeiti,"Heiti SC","Microsoft Yahei",sans-self;
	line-height: 1.5;
	background-color: #f2f2f2
}

@media only screen and (max-width:320px) {
	html {
		font-size: 89px
	}
}

@media only screen and (min-width:320px) {
	html {
		font-size: 89px
	}
}

@media only screen and (min-width:360px) {
	html {
		font-size: 100px
	}
}

@media only screen and (min-width:414px) {
	html {
		font-size: 115px
	}
}

@media only screen and (min-width:480px) {
	html {
		font-size: 133px
	}
}

@media only screen and (min-width:640px) {
	html {
		font-size: 178px
	}
}

@media only screen and (min-width:750px) {
	html {
		font-size: 208px
	}
}

.sprite {
	background-image: url(http://p0.qhimg.com/t014d529064aadbfbbf.png);
	background-size: 1.4rem 1.17rem
}

.header {
	background-color: #fff
}

@media(-webkit-min-device-pixel-ratio:3) {
	.header {
		border-bottom: 0;
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(30%,rgba(0,0,0,0)),color-stop(30%,#e4e4e4));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom
	}
}

@media(-webkit-min-device-pixel-ratio:2) {
	.header {
		border-bottom: 0;
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(50%,#e4e4e4));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom
	}
}

@media(-webkit-max-device-pixel-ratio:1.99) {
	.header {
		border-bottom: 1px solid #e4e4e4
	}
}

.header .logo {
	display: block;
	height: .5rem;
	line-height: .5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.header .logo span {
	text-indent: -2rem;
	background-position: -0.38rem -0.87rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 1.04rem;
	height: .24rem
}

.nav {
	height: .45rem
}

.nav #nav-inner {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	height: .45rem;
	background-color: #f2f2f2;
	overflow: hidden
}

@media(-webkit-min-device-pixel-ratio:3) {
	.nav #nav-inner {
		border-bottom: 0;
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(30%,rgba(0,0,0,0)),color-stop(30%,#e4e4e4));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom
	}
}

@media(-webkit-min-device-pixel-ratio:2) {
	.nav #nav-inner {
		border-bottom: 0;
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(50%,#e4e4e4));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom
	}
}

@media(-webkit-max-device-pixel-ratio:1.99) {
	.nav #nav-inner {
		border-bottom: 1px solid #e4e4e4
	}
}

.nav.nav-stick #nav-inner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}

.nav #nav-scroller {
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0
}

.nav #nav-scroller li.active a,.nav #nav-scroller a:active {
	border-bottom: .03rem solid #ff3829;
	color: #ff3829
}

.nav #nav-scroller li {
	display: inline-block
}

.nav #nav-scroller li:first-child {
	padding-left: .04rem
}

.nav #nav-scroller li:last-child {
	padding-right: .04rem
}

.nav #nav-scroller a {
	color: #333;
	display: inline-block;
	font-size: .16rem;
	height: .45rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: .45rem;
	padding: 0 .12rem;
	text-decoration: none
}

.nav .flex-layout #nav-scroller {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-right: 1px
}

.nav .flex-layout #nav-scroller li {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

#card-list {
	padding: .05rem 0;
	background-color: #fff
}

#card-list .card-row {
	overflow: hidden
}

#card-list .card-item {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	padding: .05rem .1rem .05rem .05rem
}

#card-list .card-item:first-child {
	padding: .05rem .05rem .05rem .1rem
}

#card-list .card-item-inner {
	display: block;
	position: relative
}

#card-list .card-item-inner .screenshot,#card-list .card-item-inner .user-avatar {
	background: url(http://p3.qhimg.com/dr/100_100_/d/inn/31371508/live_status_connection_leave.png) no-repeat center center #f4f4f4;
	background-size: 50% auto
}

#card-list .card-item-inner .screenshot {
	width: 100%;
	display: block
}

#card-list .card-item-inner .status {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background-color: #3eadff;
	font-size: .12rem;
	padding: 0 .03rem
}

#card-list .card-item-inner .status.live {
	background-color: #ff155d
}

#card-list .card-item-inner .view-num {
	height: .22rem;
	line-height: .22rem;
	font-size: .14rem;
	margin-top: -0.22rem;
	padding-right: .07rem;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.2)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 100%);
	color: #fff
}

#card-list .card-item-inner .view-num .sprite {
	background-position: -1rem 0rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: .2rem;
	height: .2rem
}

#card-list .card-item-inner .user {
	margin-top: -0.15rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#card-list .card-item-inner .user-name {
	color: #929292;
	font-size: .12rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .15rem 0 0 .1rem;
	line-height: .25rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#card-list .card-item-inner .user-name span {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#card-list .card-item-inner .user-name img {
	height: .14rem;
	width: .14rem;
	vertical-align: middle
}

#card-list .card-item-inner .user-avatar-wrap {
	margin-left: .06rem;
	border-radius: .3rem;
	width: .4rem;
	min-width: .4rem;
	max-width: .4rem;
	height: .4rem;
	min-height: .4rem;
	max-height: .4rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #fff;
	overflow: hidden;
	position: relative
}

#card-list .card-item-inner .user-avatar {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .3rem;
	background-size: contain
}

#card-list .card-item-inner .comment {
	font-size: .14rem;
	padding: 0 .02rem;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.loading-indicator {
	min-height: .44rem;
	position: relative;
	text-align: center;
	overflow: hidden
}

.loading-indicator .icon-refresh {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	border: 2px solid #cdcdcd;
	vertical-align: middle;
	margin-right: .04rem;
	border-top-color: #ff3829;
	-webkit-animation: loading 1.4s infinite linear;
	animation: loading 1.4s infinite linear
}

.loading-indicator .loading-more {
	height: .44rem;
	line-height: .44rem;
	font-size: .14rem;
	color: #333;
	display: none
}

.loading-indicator .loading-more.show {
	display: block
}

.loading-indicator .loading-more.btn {
	display: block;
	height: .36rem;
	line-height: .36rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e4e4e4;
	background-color: #fff;
	margin: .04rem .16rem
}

.loading-indicator .nothing-slogan {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.64rem;
	color: #929292;
	font-size: .14rem;
	text-align: left;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%)
}

.loading-indicator.nothing {
	height: .72rem;
	background: url(http://p2.qhimg.com/d/inn/8287c0e5/rocket.jpg) .36rem bottom no-repeat scroll #e9e9e9;
	background-size: .65rem;
	overflow: hidden
}

.loading-indicator.nothing .loading-more {
	display: none!important
}

.loading-indicator.nothing .nothing-slogan {
	display: block!important
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg) translateZ(0);
		transform: rotate(0deg) translateZ(0)
	}

	100% {
		-webkit-transform: rotate(360deg) translateZ(0);
		transform: rotate(360deg) translateZ(0)
	}
}

@keyframes loading {
	0% {
		-webkit-transform: rotate(0deg) translateZ(0);
		transform: rotate(0deg) translateZ(0)
	}

	100% {
		-webkit-transform: rotate(360deg) translateZ(0);
		transform: rotate(360deg) translateZ(0)
	}
}

#footer {
	height: .55rem
}

#footer .banner {
	position: fixed;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	z-index: 1000;
	bottom: 0;
	height: .55rem;
	padding: .09rem .1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background: rgba(92,194,246,0.8)
}

#footer .banner .logo {
	background-position: .01rem -0.8rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: .37rem;
	height: .37rem;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	margin-right: .06rem
}

#footer .banner .desc {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	color: #FFF;
	overflow: hidden
}

#footer .banner .desc h3,#footer .banner .desc p {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#footer .banner .desc h3 {
	height: .2rem;
	line-height: .2rem;
	font-size: .19rem
}

#footer .banner .desc p {
	margin-top: .03rem;
	height: .15rem;
	line-height: .15rem;
	font-size: .14rem
}

#footer .banner .button {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: .03rem 0;
	border: 1px solid #10a7e2;
	border-radius: .05rem;
	color: #5cc2f6;
	line-height: .18rem;
	height: .18rem;
	font-size: .15rem;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#EEE));
	background-image: -webkit-linear-gradient(#FFF,#EEE);
	background-image: linear-gradient(#FFF,#EEE);
	padding: .06rem .12rem
}

#footer .banner .button .sprite {
	background-position: -0.99rem -0.45rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: .16rem;
	height: .18rem;
	margin-right: .02rem
}

#doc-bd {
	background: #f2f2f2
}

#focus {
	position: relative
}

#focus:before {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding: 20% 0
}

#focus nova-carousel {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	overflow: hidden
}

#focus nova-carousel .controls {
	position: absolute;
	bottom: 0;
	right: .13rem;
	z-index: 5;
	line-height: .3rem
}

#focus nova-carousel .controls span {
	display: inline-block;
	margin: 0 .03rem;
	width: .06rem;
	height: .06rem;
	border-radius: .03rem;
	background: rgba(255,255,255,0.5)
}

#focus nova-carousel .controls span.active {
	background: #FFF
}

#focus nova-carousel .contents a:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 4;
	background-image: -webkit-linear-gradient(top,transparent 80%,rgba(0,0,0,0.3) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(80%,transparent),to(rgba(0,0,0,0.3)));
	background-image: linear-gradient(to bottom,transparent 80%,rgba(0,0,0,0.3) 100%)
}

#focus nova-carousel .contents.nova-carousel>* {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

#focus nova-carousel .contents .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 6;
	padding: .05rem .1rem;
	font-size: .14rem;
	color: #FFF
}

#focus img {
	display: block;
	width: 100%;
	height: auto
}

#focus.single .controls {
	display: none
}

#recommend-list {
	background: #FFF;
	margin-top: .1rem
}

@media(-webkit-min-device-pixel-ratio:3) {
	#recommend-list {
		border-bottom: 0;
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(30%,rgba(0,0,0,0)),color-stop(30%,#e4e4e4));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom
	}
}

@media(-webkit-min-device-pixel-ratio:2) {
	#recommend-list {
		border-bottom: 0;
		background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(50%,#e4e4e4));
		background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom
	}
}

@media(-webkit-max-device-pixel-ratio:1.99) {
	#recommend-list {
		border-bottom: 1px solid #e4e4e4
	}
}

#recommend-list .hd {
	font-size: .14rem;
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: .18rem;
	line-height: .18rem;
	padding: .1rem
}

#recommend-list .hd .sprite {
	background-position: -0.01rem -0.01rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: .18rem;
	height: .18rem
}

#recommend-list .bd {
	overflow: hidden;
	margin-bottom: .1rem
}

#recommend-list .bd ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

#recommend-list .bd ul li {
	width: 25%
}

#recommend-list .bd ul a {
	display: block;
	width: 100%;
	text-decoration: none
}

#recommend-list .bd ul .avatar {
	width: .6rem;
	height: .6rem;
	display: block;
	margin: 0 auto;
	border-radius: .3rem
}

#recommend-list .bd ul .name {
	margin-top: .1rem;
	height: .16rem;
	line-height: .16rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .12rem;
	color: #333;
	text-align: center;
	white-space: nowrap
}

#recommend-list .bd ul .name span {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 80%;
	display: inline-block
}

#recommend-list .bd ul .name.verified .sprite {
	background-position: -0.83rem -0.02rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	width: .14rem;
	height: .14rem
}

#recommend-list .bd ul .praises {
	font-size: .12rem;
	color: #929292;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: .16rem;
	margin-top: .03rem;
	line-height: .16rem
}

#recommend-list .bd ul .praises .sprite {
	background-position: -0.42rem -0.03rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	width: .16rem;
	height: .15rem;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	vertical-align: bottom
}

@media(-webkit-min-device-pixel-ratio:3) {
	#recommend-list .ft {
		border-top: 0;
		background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(30%,rgba(0,0,0,0)),color-stop(30%,#e4e4e4));
		background-image: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top
	}
}

@media(-webkit-min-device-pixel-ratio:2) {
	#recommend-list .ft {
		border-top: 0;
		background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(50%,#e4e4e4));
		background-image: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top
	}
}

@media(-webkit-max-device-pixel-ratio:1.99) {
	#recommend-list .ft {
		border-top: 1px solid #e4e4e4
	}
}

#recommend-list .ft a {
	font-size: .14rem;
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: .42rem;
	line-height: .42rem;
	text-decoration: none
}

#recommend-list .ft a .sprite {
	background-position: -1.23rem -0.03rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline-block;
	width: .16rem;
	height: .14rem;
	margin-left: 4px;
	vertical-align: -4%
}

#category-list {
	background-color: #FFF
}

@media(-webkit-min-device-pixel-ratio:3) {
	#category-list {
		border-top: 0;
		background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(30%,rgba(0,0,0,0)),color-stop(30%,#e4e4e4));
		background-image: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 30%,#e4e4e4 30%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top
	}
}

@media(-webkit-min-device-pixel-ratio:2) {
	#category-list {
		border-top: 0;
		background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,0)),color-stop(50%,#e4e4e4));
		background-image: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,#e4e4e4 50%);
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: top
	}
}

@media(-webkit-max-device-pixel-ratio:1.99) {
	#category-list {
		border-top: 1px solid #e4e4e4
	}
}

#category-list #card-list {
	padding-top: .03rem
}

#category-list .hd {
	font-size: .14rem;
	color: #333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: .18rem;
	line-height: .18rem;
	padding: .1rem .1rem 0
}

#category-list .hd .sprite {
	background-position: -0.21rem -0.01rem;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: .18rem;
	height: .18rem
}